<template>
<el-row>
    <el-row>
        <el-col :span="24">
            <el-menu :router="true" class="el-menu-demo" mode="horizontal">
                  <el-menu-item index="/">首页</el-menu-item>
                <el-menu-item index="/admin/">管理中心</el-menu-item>
            </el-menu>
        </el-col>
    </el-row>
    <el-row>
        <el-row :gutter="20">
            <el-col :span="5">
                <el-menu :router="true" default-active="/status">
                    <el-menu-item-group title="系统状态">
                        <el-menu-item index="/admin/status">运行状态</el-menu-item>
                        <el-menu-item index="/admin/configure">运行配置</el-menu-item>
                    </el-menu-item-group>
                    <el-menu-item-group title="小说管理">
                            <el-menu-item index="/admin/novels">列表</el-menu-item>
                            <el-menu-item index="/admin/search">小说搜索&添加</el-menu-item>
                    </el-menu-item-group>
                </el-menu>
            </el-col>
            <el-col :span="19">
                <div class="panel">
                    <router-view></router-view>
                </div>
            </el-col>
        </el-row>
    </el-row>
</el-row>
</template>

<script type="text/babel">
export default {

}
</script>

<style lang="css" rel="stylesheet/css">
.el-menu-demo {
    margin-bottom: 20px;
}

.panel {
    min-height: 700px;
}
</style>
